@extends('layout.index');
@section('title', '商品分类');
@section('content')
      
           <div class="row">
               <div class="col-lg-12">
                   <h1 class="page-header">分类首页</h1>
               </div>
               <!-- /.col-lg-12 -->
           </div>
           
           <div class="row">
               <div class="col-lg-3 col-md-6">
                   <div class="panel panel-primary">
                       <div class="panel-heading">
                           <div class="row">
                               <div class="col-xs-3">
                                   <i class="fa fa-comments fa-5x"></i>
                               </div>
                               <div class="col-xs-9 text-right">
                                   <div class="huge">26</div>
                                   <div>New Comments!</div>
                               </div>
                           </div>
                       </div>
                       <a href="#">
                           <div class="panel-footer">
                               <span class="pull-left">View Details</span>
                               <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                               <div class="clearfix"></div>
                           </div>
                       </a>
                   </div>
               </div>
               <div class="col-lg-3 col-md-6">
                   <div class="panel panel-green">
                       <div class="panel-heading">
                           <div class="row">
                               <div class="col-xs-3">
                                   <i class="fa fa-tasks fa-5x"></i>
                               </div>
                               <div class="col-xs-9 text-right">
                                   <div class="huge">12</div>
                                   <div>New Tasks!</div>
                               </div>
                           </div>
                       </div>
                       <a href="#">
                           <div class="panel-footer">
                               <span class="pull-left">View Details</span>
                               <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                               <div class="clearfix"></div>
                           </div>
                       </a>
                   </div>
               </div>
               <div class="col-lg-3 col-md-6">
                   <div class="panel panel-yellow">
                       <div class="panel-heading">
                           <div class="row">
                               <div class="col-xs-3">
                                   <i class="fa fa-shopping-cart fa-5x"></i>
                               </div>
                               <div class="col-xs-9 text-right">
                                   <div class="huge">124</div>
                                   <div>New Orders!</div>
                               </div>
                           </div>
                       </div>
                       <a href="#">
                           <div class="panel-footer">
                               <span class="pull-left">View Details</span>
                               <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                               <div class="clearfix"></div>
                           </div>
                       </a>
                   </div>
               </div>
               <div class="col-lg-3 col-md-6">
                   <div class="panel panel-red">
                       <div class="panel-heading">
                           <div class="row">
                               <div class="col-xs-3">
                                   <i class="fa fa-support fa-5x"></i>
                               </div>
                               <div class="col-xs-9 text-right">
                                   <div class="huge">13</div>
                                   <div>Support Tickets!</div>
                               </div>
                           </div>
                       </div>
                       <a href="#">
                           <div class="panel-footer">
                               <span class="pull-left">View Details</span>
                               <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                               <div class="clearfix"></div>
                           </div>
                       </a>
                   </div>
               </div>
           </div>
      
@endsection